<template>
  <div class="header">
    <div class="header-content">
      <div class="header-content1">欢迎使用找地网全网搜索</div>
      <div class="header-content2">
        <span class="iconfont">&#xe632;</span>
        输入项目/活动/榜单/数据
      </div>
    </div>
  </div>
</template>

<script></script>

<style lang="stylus" scoped>
  .header
    width: 100%
    height: 40px
    background: #00bcd4
    text-align: center
    line-height: 40px
    .header-content
      display: flex
      width: 1280px
      height: 40px
      margin: 0 auto
      .header-content1
        width: 240px
        color: #fff
        font-size: 20px
        margin-left: 530px
        font-weight: bold
      .header-content2
        width: 600px
        flex: 1
        height: 24px
        line-height: 24px
        margin-top: 8px

        padding-left: 10px
        background: #fff
        border-radius: 5px
        color: #666
        font-size: 14px
        text-align: left
</style>
